/* 横幅 */
#banner{
	position: relative;
	overflow: hidden;
}
#banner .img{
	display:block;
	margin:0 auto;
    width: 100%;
}
.banner-pagination-center{
	text-align:center;
	position: absolute;
    bottom: 30px;
	width:100%;
	z-index:10;
}
#banner .banner-pagination {
	display:inline-block;
	width:auto !important;
}
#banner .banner-pagination .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
    margin: 0 5px;
	border-radius:0;
	border:1px solid #eee;
	padding:8px;
	border-radius:15px;
	background:none;
	position:relative;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#banner .banner-pagination .swiper-pagination-bullet:before{
	content:'';
	position:absolute;
	top:3px;
	left:3px;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#eee;
}
#banner .banner-pagination .swiper-pagination-bullet-active{
	border-color:#022a8c;
}
#banner .banner-pagination .swiper-pagination-bullet-active:before{
	background:#022a8c;
}

.topTitle{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.topTitle .name{
	font-size:30px;
	font-weight: 700;
}
.topTitle .name::before{
	content: '';
	display: block;
	height: 4px;
	width:36px;
	background-color: #002a8c;
	margin-bottom: 10px;
}
.topTitle .more{
	display: block;
	border:1px solid #9999;
	padding:10px 18px;
}

.product{
	padding:60px 0;
}
.product .classify{
	display: flex;
	margin:20px -15px 0 -15px;
	flex-wrap: wrap;

}
.product .classify .item{
	width:50%;
	padding:15px;
}
.product .classify .item a{
	display: block;
	position: relative;
}
.product .classify .item a img{
	width:100%;
}
.product .classify .name{
	font-size:24px;
	position: absolute;
	bottom:20px;
	left:20px;
}


/* 服务项目 */
.service{
	background:#ebf6ff;
	padding:60px 0;
}
.service .topTitle{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:30px;
}
.service .topTitle .left .cn{
	font-size:32px;
}
.service .topTitle .more:hover{
	color:#022a8c;
}

.service-list{
	overflow:hidden;
}
.service-list .item a{
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.service-list .item h3{
	font-size:16px;
	margin-top:15px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.service-pagination{
	padding-top:30px;
}
.service-pagination .swiper-pagination-bullet{
	width:30px;
	border-radius:5px;
	height:8px;
	margin:0 8px;
	background:#999;
	opacity:1;
}
.service-pagination .swiper-pagination-bullet-active{
	background:#022a8c;
	border-color:#022a8c;
}
.service-swiper .item{
	display:flex;
	justify-content:center;
}
.service-swiper .item img{
	border-radius:10px;
	display:block;
	max-width:100%;
}
.service-swiper .item:hover h3{
	color:#022a8c;
}
.service-swiper .item:hover a{
	border-color:#022a8c;
}


.company{
	padding:50px 0;
}
.company .main{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.company .main .item{
	width:50%;
}
.company .left .t1{
	font-size:24px;
	font-weight: 700;
	margin-bottom: 5px;
}
.company .left .t2{
	font-size:18px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.company .left .desc{
	color:#666;
	line-height: 32px;
	margin-bottom: 30px;
}
.company .left .link{
	display: flex;
}
.company .left .link a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right:30px;
}
.company .left .link a img{
	width:45px;
	height: 45px;
}

.company .right{
	padding-left:50px;
}
.company .right img{
	display: block;
	width:100%;
}

.news{
	padding:60px 0 70px 0;
	background-color: #f5f5f5;
}

.news .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
.news .topTitle{
	margin-bottom: 30px;
}
.news .list .left{
	border:1px solid #ccc;
	width:46%;
	padding:30px;
}
.news .left:hover{
	background-color: #fff;
}
.news .left .date{
	font-size:18px;
	opacity: 0.5;
}

.news .left .t{
	font-size:18px;
	margin:15px 0;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
	color:#000;
}
.news .left .d{
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
	margin-bottom: 20px;
	opacity: 0.7;
}
.news .left .imgbox{
	margin-bottom: 30px;
}
.news .left .imgbox img{
	width:100%;
	display: block;
}
.news .left .more{
	display: block;
	border:1px solid #333;
	width:30%;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news .list .right{
	width:50%;
}
.news .list .right .item a{
	display: flex;
	justify-content: space-between;
	border-bottom:1px solid #eee;
	padding:38px 0;
}
.news .list .right .item a:first-child{
	border-top:1px solid #eee;
}
.news .list .right .item a .t{
	font-size:18px;
	margin-bottom:10px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
	color:#000;
}
.news .list .right .item a .d{
	opacity: 0.7;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
	height: 45px;
}
.news .list .right .item .r{
	opacity: 0.7;
	margin-left:10px;
}
.news .list .right .item .r .date{
	margin-bottom: 15px;
}

.news .list .right .item:hover .t{
	color:#022a8c;
}
.news .list .right .item:hover .d{
	color:#022a8c;
	opacity: 1;
}

@media screen and (min-width:0px) and (max-width:768px){
	#banner .banner-pagination-center{bottom:10px;}
	#banner .swiper-pagination-bullet{height:4px;}

	.topTitle .name{font-size:24px;}
	.topTitle .name::before{margin-bottom: 5px;}
	.topTitle .more{padding:5px 10px;font-size:13px;}

	.product{padding:40px 0;}
	.product .classify{margin:15px -5px 0 -5px;}
	.product .classify .item{padding:5px;}
	.product .classify .name{font-size:16px;position: relative;left:0px;bottom:-5px;}

	.service{padding:40px 0;}

	.company{padding:15px 0 40px 0;}
	.company .main{flex-direction:column-reverse;}
	.company .main .item{width:100%;}
	.company .left .t2{padding-bottom: 20px; margin-bottom: 20px; font-size:16px;}
	.company .right{padding:0px;margin-bottom:15px;}

	.news{padding:40px 0;}
	.news .list .left{width: 100%;}
	.news .list .right{width: 100%;}
	.news .list .right .item a{padding:20px 0;}

	.product .item .text .t1{font-size:18px;}
	.product .item .text .t2{font-size:14px;}
	
}